<mat-card class="example-card">
    <mat-card-header>
        Login
    </mat-card-header>
    <mat-card-content>
        <form (ngSubmit)="onLoginSubmit()" class="form-control">

            <mat-form-field id="username" class="form-control">
                <mat-label>ID</mat-label>
                <input matInput placeholder="" 
                    [(ngModel)]="loginInfo.username" name="username"
                    
                >
            </mat-form-field>

            <br><br>

            <mat-form-field id="password" class="form-control">
                <mat-label>Password</mat-label>
                <input type="password" matInput placeholder=""
                    [(ngModel)]="loginInfo.password" name="password"
                    
                >
            </mat-form-field>
            <br> <br>
            <button mat-button color="primary" type="submit" class="btn btn-success">Login</button>
            <br> <br>
        </form>

        <button mat-button color="warning" (click)="ping()"  class="btn btn-success">Ping</button>

    </mat-card-content>
</mat-card>


<!-- <form class="example-form">
    <mat-form-field class="example-full-width">
      <mat-label>Favorite food</mat-label>
      <input matInput placeholder="Ex. Pizza" value="Sushi">
    </mat-form-field>
  
    <mat-form-field class="example-full-width">
      <mat-label>Leave a comment</mat-label>
      <textarea matInput placeholder="Ex. It makes me feel..."></textarea>
    </mat-form-field>
  </form> -->